P5 Demos, 2016
These examples closely follow Getting Started with p5.js, McCarthy, Reas, and Fry.
- Demo #1 Disk follows the cursor, Exm 2-2, p. 12
- Demo #2 Draw a shape, Exm 3-19, p. 35
- Demo #3 Matrix of points, Exm 4-12, p. 53
- Demo #4 Detect hover, Exm 5-15, p. 75
- Demo #5 map() function, Exm 5-23, p. 83
- Demo #6 Push and pop, Exm 6-10, p. 98
- Demo #7 Calling to preload, Exm 7-8, p. 111
- Demo #8 Text, Exm 7-13, p. 116
- Demo #9 Sine motion, Exm 8-13, p. 133
- Demo #10 Functions, Exm 9-5, p. 144
- Demo #11 Arrays, Exm 11-7, p. 171
- Demo #12 Data, Exm 12-5, p. 189
- Demo #13 First chaos model (KKM)
- Demo #14 Color follows cursor, half spectrum
- Demo #15 Color follows cursor, full spectrum
- Demo #16 Gray follow slider, ints
- Demo #16f Gray follow slider, floats
P5 Demos, 2017
These examples are derived from the p5.js code.
Demo #17 Button, mouse click --> action
Demo #17b Button, mouse clicks toggle two actions
Demo #18 Images
Demo #19 Video
Exm-1 Rects
Exm-2 Images
Exm-3 Motion
Flag-1 Rects and Imgages
Updated 31 Mar 2017 by Ralph